import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  // 1、共享数据
  state: {
    // 菜单展开与收起的标记
    isCollapse: false,
    // 记录登录的用户信息
    loginUser: {}
  },
  // 2、仓库计算属性
  getters: {
  },
  // 3、vuex中修改 state 中的数据的唯一方式
  mutations: {
    // 改变state中的 isCollapse 标签的方法
    SET_ISCOLLAPSE( state ) { 
      state.isCollapse = !state.isCollapse
    },
    // 修改个人信息
    SET_LOGIN_USER(state, payload) { 
      state.loginUser = payload;
      console.log(state.loginUser);
    }
  },
  // 4、异步修改 state 中的数据的唯一方式
  actions: {
  },
  modules: {
  }
})
